{{extend '../views/_layouts/home.html'}} {{block "title"}}{{商品详情页}}{{/block}} {{block "head"}}
<link rel="stylesheet" href="/public/css/goods.css"> {{/block}} {{block "body"}}

<body class="clearfix">
    <div class="title">
        <div class="w">
            <span>首页</span><i>&#xe60d;</i><span>{{displayName}}</span>
        </div>
    </div>
    <div class="w clearfix">
        <div class="left">
            <div class="smallBox clearfix">
                <img src="{{imgUrl}}?x-oss-process=image/resize,w_900" alt="">
                <div class="mark"></div>
            </div>

            <div class="bigBox">
                <img src="{{imgUrl}}?x-oss-process=image/resize,w_900" alt="">
            </div>


            <div class="leftBottom clearfix">
                <a href="javascript:;" class="prev">&#xe604;</a>
                <div class="thumbnail">
                    <img src="{{imgUrl}}?x-oss-process=image/resize,w_125" alt="">
                    <img src="https://osscdn.perfect99.com/perfect-mall-1/prod/home/2c5TWJmMka.png?x-oss-process=image/resize,w_125" alt="">
                    <img src="https://osscdn.perfect99.com/perfect-mall-1/prod/home/xwZWXSQpCT.png?x-oss-process=image/resize,w_125" alt="">
                </div>
                <a href="javascript:;" class="next">&#xe60d;</a>
            </div>
        </div>
        <div class="right">
            <h3>{{displayName}}</h3>
            <div class="priceBox">
                <p class="price"><i>零售价</i>&nbsp;&nbsp;&nbsp;&nbsp;<em>￥</em><span>{{price}}.00</span></p>
                <p class="code"><i>产品编码</i>&nbsp;&nbsp;&nbsp;&nbsp;<em>{{code}}</em></p>
            </div>
            <a href="#">成为优惠顾客，最高可享受6%-12%折扣，点击升级身份</a>
            <div class="num">
                <span>数量</span>
                <span><i id="reduce">-</i><em>1</em><i id="add">+</i></span>
            </div>
            <div class="purchaseBox" data-id='{{id}}'>
                <span class="addShoppingCar">加入购物车</span>
                <span class="purchase">立即购买</span>
                <i class="collection"><em>&#xe615;</em> 收藏</i>
                <i class="share"><em>&#xe61e;</em> 分享</i>
            </div>
        </div>
    </div>


    <div class="w clearfix recomAndIntro">
        <div class="recommendation">
            <fieldset>
                <legend>产品推荐</legend>
            </fieldset>
            <ul>
                <li>
                    <a href="#">
                        <img src="https://osscdn.perfect99.com/perfect-mall-1/prod/home/4YP6fRSMZz.png?x-oss-process=image/resize,w_220" alt="">
                        <span>空气净化机多功能过滤网第一代</span>
                        <i>APDGN1</i>
                        <em>￥ 980.00</em>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <img src="https://osscdn.perfect99.com/perfect-mall-1/prod/home/a6DHpsYGYb.png?x-oss-process=image/resize,w_220" alt="">
                        <span>爱施蓓儿童滋润霜</span>
                        <i>LMCK</i>
                        <em>￥75.00</em>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <img src="https://osscdn.perfect99.com/perfect-mall-1/prod/home/M8ww6PH4sz.png?x-oss-process=image/resize,w_220" alt="">
                        <span>荟新免洗抑菌洗手液（泡沫型）</span>
                        <i>HS101</i>
                        <em>￥49.00</em>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <img src="https://osscdn.perfect99.com/perfect-mall-1/prod/home/6AK4JKKBMf.png?x-oss-process=image/resize,w_220" alt="">
                        <span>臻荟清透丝润洗护发套装(女士用)</span>
                        <i>SCW</i>
                        <em>￥168.00</em>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <img src="https://osscdn.perfect99.com/perfect-mall-1/prod/home/jQfrHWsTxz.png?x-oss-process=image/resize,w_220" alt="">
                        <span>荟净芦荟浓缩洗衣液</span>
                        <i>CLD18</i>
                        <em>￥80.00</em>
                    </a>
                </li>
            </ul>
        </div>
        <div class="introduce ">

            <h4><span class="spanStyle">商品介绍</span><span>服务说明</span></h4>
            <div class="introduces clearfix">
                <div class="comItem">
                    产地:-
                </div>
                <img src="https://oss.perfect99.com/perfect-mall-1/prod/group1/2swawZAwnd.jpg?x-oss-process=image/resize,w_2000" alt="">
                <img src="https://oss.perfect99.com/perfect-mall-1/prod/group1/kcDNhEQaW6.jpg?x-oss-process=image/resize,w_2000" alt="">
                <img src="https://oss.perfect99.com/perfect-mall-1/prod/group1/X5Jwh3GRXA.jpg?x-oss-process=image/resize,w_2000" alt="">
                <img src="https://oss.perfect99.com/perfect-mall-1/prod/group1/aWRKdCbShD.jpg?x-oss-process=image/resize,w_2000" alt="">
                <img src="https://oss.perfect99.com/perfect-mall-1/prod/group1/kpFCiKC7MS.jpg?x-oss-process=image/resize,w_2000" alt="">
                <img src="https://oss.perfect99.com/perfect-mall-1/prod/group1/c8ZxerwtEh.jpg?x-oss-process=image/resize,w_2000" alt="">
                <img src="https://oss.perfect99.com/perfect-mall-1/prod/group1/ZBaXBZMjEe.jpg?x-oss-process=image/resize,w_2000" alt="">
                <img src="https://oss.perfect99.com/perfect-mall-1/prod/group1/jG3adGwp6K.jpg?x-oss-process=image/resize,w_2000" alt="">
                <img src="https://oss.perfect99.com/perfect-mall-1/prod/group1/b5AmzaXapH.jpg?x-oss-process=image/resize,w_2000" alt="">
                <img src="https://oss.perfect99.com/perfect-mall-1/prod/group1/rAeDrXsWrP.jpg?x-oss-process=image/resize,w_2000" alt="">
                <img src="https://oss.perfect99.com/perfect-mall-1/prod/group1/KdEFRT3t64.jpg?x-oss-process=image/resize,w_2000" alt="">
                <img src="https://oss.perfect99.com/perfect-mall-1/prod/group1/2Pa83SZswe.jpg?x-oss-process=image/resize,w_2000" alt="">

            </div>
            <div class="serveItem clearfix">
                <p>1、收货时请当场验货，若商品有破损、渗漏、缺少、配送有误等问题，请立即与完美公司客服人员或分支机构联系。</p>
                <p>2、消费者在购买产品30天内，将完好无损、具有销售价值的产品连同购货凭证一同退回，可按购货凭证价格等值换货或退款。</p>
                <p>3、若商品使用过程中怀疑出现质量问题，请立即与完美公司客服人员或分支机构联系，同时提供购货凭证及清晰的产品问题图片。</p>
                <p>4、金伟连牌净水机、宜悦牌空气净化机/器、德列宝系列（锅具、厨具）产品若消费者在使用过程中发生故障情况，请及时与完美公司客服人员或分支机构联系，具体售后服务规定详见《使用说明书》、《用户手册》。</p>
            </div>
        </div>
    </div>
    {{/block}} {{block "script"}}
    <script src="/node_modules/jquery/dist/jquery.js"></script>
    <script src="/public/js/thirdPartyJS/jquery.cookie.js"></script>
    <script src="/node_modules/jquery-lazyload/jquery.lazyload.js"></script>

    <script src="/node_modules/art-template/lib/template-web.js"></script>
    <script src="/public/js/customJS/goods.js"></script>
    <script src="/public/js/customJS/shoppingCar.js"></script>

    {{/block}}